<template>
	<view>
		<comHeader :config="navConfig"/>
		<view class="xinxi"><view class="SG"></view><i>选择公司信息</i></view>
		<view class="jingying">
			<view class="i">经营许可</view>
			<view class="texts">个体工商户营业执照</view>
			<view><image src="/static/jiantou.png"></image></view>
			<view class="line"></view>
		</view>
		<view class="leixing">
			<view class="i">公司类型</view>
			<view class="texts">景区</view>
			<view><image src="/static/jiantou.png"></image></view>
			<view class="line"></view>
		</view>
		<view class="yewu">
			<view class="i">合作业务</view>
			<view class="texts">国内门票</view>
			<view @tap="hezuoYewu"><image src="/static/jiantou.png"></image></view>
			<view class="line"></view>
		</view>
		<view class="jingqu">
			<view class="zhiying">景区直营</view>
			<view class="anniu"><switch checked/></view>
			<view class="i">经营特殊品类</view>
			<view class="texts">演艺演出</view>
			<view><image src="/static/jiantou.png"></image></view>
			<view class="line"></view>
		</view>
		<view class="qianyue">
			<view class="i">签约人</view>
			<view class="texts">企业法人</view>
			<view @tap="toggleMask"><image src="/static/jiantou.png"></image></view>
			<view class="line"></view>
		</view>
		
		<navigator class="btn" url="/pages/my/join/shopJoin/readyCailiao"><text>下一步</text></navigator>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				navConfig:{
					comScroll:0,
					isFixed:false, //是否absolute布局
					left:{
						
						isShowLeft:true,
						leftGobackColor:'black', //左边返回icon颜色
					},
					mid:{
						isShowMid:true,
						text:'景区-商家入驻'
					},
					right:{
						text:'',
						isShowRight:false,
					}
				},
			}
		},
		methods: {
			toggleMask() {
				uni.showActionSheet({
					// title:'标题',
					itemList: ['企业人', '委托人/代理人'],
					success: (e) => {
						console.log(e.tapIndex);
						uni.showToast({
							title:"点击了第" + e.tapIndex + "个选项",
							icon:"none"
						})
					}
				})
			},
			hezuoYewu() {
				uni.showActionSheet({
					// title:'标题',
					itemList: ['国内门票', '酒景'],
					success: (e) => {
						console.log(e.tapIndex);
						uni.showToast({
							title:"点击了第" + e.tapIndex + "个选项",
							icon:"none"
						})
					}
				})
			}
		}
	}
</script>

<style>
	*{
		margin: 0;
		padding: 0;
	}
	
	i {
		font-style: normal;
	}
	.xinxi{
		margin-top: 150upx;
	}
	.SG{
		width: 5upx;
		height: 23upx;
		opacity: 1;
		background: rgba(84,176,255,1);
		margin-left: 37upx;
		margin-top: -53upx;
		float: left;
	}
	.xinxi i{
		width: 200upx;
		height: 32upx;
		opacity: 1;
		font-size: 32upx;
		font-family: PingFang SC Regular;
		color: rgba(1,1,1,1);
		margin-left: 55upx;
		margin-top: -60upx;
		float: left;
	}
	.jingying .i{
		margin-left: 46upx;
		margin-top: 154upx;
		width: 100upx;
		height: 23upx;
		opacity: 1;
		font-size: 24upx;
		font-family: PingFang SC Regular;
		color: rgba(153,153,153,1);
	}
	.jingying .texts{
		margin-top: 43upx;
		margin-left: 46upx;
		width: 260upx;
		height: 27upx;
		opacity: 1;
		font-size: 28upx;
		font-family: PingFang SC Regular;
		color: #333333;
		float: left;
	}
	.jingying image{
		width: 25upx;
		height: 25upx;
		/* line-height: 25upx; */
		float: left;
		margin-left: 680upx;
		color: #BBBBBB;
		margin-top: -20upx;
	}
	.line{
		margin-left: 52upx;
		margin-top: 27upx;
		width: 644upx;
		height: 1px;
		background: rgba(220,220,220,1);
		float: left;
	}
	.leixing .i{
		margin-left: 46upx;
		margin-top: 154upx;
		width: 100upx;
		height: 23upx;
		opacity: 1;
		font-size: 24upx;
		font-family: PingFang SC Regular;
		color: rgba(153,153,153,1);
	}
	.leixing .text{
		margin-top: 43upx;
		margin-left: 46upx;
		width: 180upx;
		height: 27upx;
		opacity: 1;
		font-size: 28upx;
		font-family: PingFang SC Regular;
		color: rgba(153,153,153,1);
		float: left;
	}
	.leixing .texts{
		margin-top: 43upx;
		margin-left: 46upx;
		width: 260upx;
		height: 27upx;
		opacity: 1;
		font-size: 28upx;
		font-family: PingFang SC Regular;
		color: #333333;
		float: left;
	}
	.leixing image{
		width: 25upx;
		height: 25upx;
		/* line-height: 25upx; */
		float: left;
		margin-left: 680upx;
		color: #BBBBBB;
		margin-top: -20upx;
	}
	.line{
		margin-left: 52upx;
		margin-top: 27upx;
		width: 644upx;
		height: 1px;
		background: rgba(220,220,220,1);
		float: left;
	}
	.yewu .i{
		margin-left: 46upx;
		margin-top: 154upx;
		width: 100upx;
		height: 23upx;
		opacity: 1;
		font-size: 24upx;
		font-family: PingFang SC Regular;
		color: rgba(153,153,153,1);
	}
	.yewu .texts{
		margin-top: 43upx;
		margin-left: 46upx;
		width: 260upx;
		height: 27upx;
		opacity: 1;
		font-size: 28upx;
		font-family: PingFang SC Regular;
		color: #333333;
		float: left;
	}
	.yewu image{
		width: 25upx;
		height: 25upx;
		/* line-height: 25upx; */
		float: left;
		margin-left: 680upx;
		color: #BBBBBB;
		margin-top: -20upx;
	}
	.qianyue .i{
		margin-left: 46upx;
		margin-top: 154upx;
		width: 100upx;
		height: 23upx;
		opacity: 1;
		font-size: 24upx;
		font-family: PingFang SC Regular;
		color: rgba(153,153,153,1);
	}
	.qianyue .texts{
		margin-top: 43upx;
		margin-left: 46upx;
		width: 260upx;
		height: 27upx;
		opacity: 1;
		font-size: 28upx;
		font-family: PingFang SC Regular;
		color: #333333;
		float: left;
	}
	.qianyue image{
		width: 25upx;
		height: 25upx;
		/* line-height: 25upx; */
		float: left;
		margin-left: 680upx;
		color: #BBBBBB;
		margin-top: -20upx;
	}
	.jingqu .zhiying{
		margin-left: 46upx;
		margin-top: 154upx;
		width: 120upx;
		height: 23upx;
		opacity: 1;
		font-size: 28upx;
		font-family: PingFang SC Regular;
		color: #333333;
	}
	.jingqu .anniu{
		margin-left: 600upx;
		margin-top: -30upx;
		margin-bottom: 50upx;
	}
	.jingqu .i{
		margin-left: 46upx;
		margin-top: 48upx;
		width: 150upx;
		height: 23upx;
		opacity: 1;
		font-size: 24upx;
		font-family: PingFang SC Regular;
		color: #999999;
	}
	.jingqu .texts{
		margin-top: 43upx;
		margin-left: 46upx;
		width: 240upx;
		height: 27upx;
		opacity: 1;
		font-size: 28upx;
		font-family: PingFang SC Regular;
		color: #333333;
		float: left;
	}
	.jingqu image{
		width: 25upx;
		height: 25upx;
		/* line-height: 25upx; */
		float: left;
		margin-left: 680upx;
		color: #BBBBBB;
		margin-top: -20upx;
	}
	.btn{
		width: 388upx;
		height: 72upx;
		border-radius: 35upx;
		margin-top: 577upx;
		margin-left: 193upx;
		margin-bottom: 50upx;
		background-image: linear-gradient(to right, #54B0FF,#577AFF);
		filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#577AFF', endColorstr='#54B0FF', GradientType=1); 
	}
	.btn text{
		width: 90upx;
		height: 28upx;
		opacity: 1;
		font-size: 28upx;
		font-family: PingFang SC Regular;
		color: rgba(255,255,255,1);
		margin-left: 149upx;
		margin-top: 23upx;
	}
</style>
